<template>
  <div class="divider">
    {{ text }}
  </div>
</template>

<script>
export default {
  name: 'SDivider',
  props: {
    text: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped lang="less">
.divider {
  margin: 40px 0;
  line-height: 50px;
  text-align: center;
  position: relative;
  height: 33px;
  font-size: 15px;
  font-weight: 400;
  line-height: 33px;
&::after,
&::before {
   position: absolute;
   width: 54px;
   height: 0.5px;
   background: #dadada;
   content: '';
   top: 15px;
 }
&::after {
   left: 28%;
 }
&::before {
   right: 28%;
 }
}

</style>
